<template>
  <div class="side-bar">
    <router-link to="/landlord/my-house">我的房源</router-link>
<!--    <router-link to="/landlord/add-house">新增房源</router-link>-->
<!--    <router-link to="/landlord/applications">申请</router-link>-->
    <router-link to="/landlord/orders">我的订单</router-link>
  </div>
</template>

<style scoped>
.side-bar {
  width: 220px;
  background: white;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #f0f0f0;
}

.side-bar a {
  color: #333;
  text-decoration: none;
  padding: 12px 24px;
  margin: 4px 12px;
  border-radius: 6px;
  transition: all 0.3s;
}

.side-bar a.router-link-active {
  color: #1890ff;
  background: rgba(24,144,255,0.1);
  font-weight: 500;
}

.side-bar a:hover {
  background: rgba(0,0,0,0.05);
}
</style>